<template>
  <div class="equipmentDataManagement zy-content ">
    <div class="search clear">
      <Tabs type="card" @on-click="tabsClick" v-model="tabName">
        <TabPane label="设备故障分析报表">
          <broken-report-list></broken-report-list>
        </TabPane>
        <TabPane label="设备故障数据汇总报表">
          <broken-total-list></broken-total-list>
        </TabPane>
        <TabPane label="委外维修数据汇总报表">
          <broken-other-list></broken-other-list>
        </TabPane>
      </Tabs>
    </div>
  </div>
</template>

<script>

import BrokenReportList from "./modules/brokenReportList";
import BrokenTotalList from "./modules/brokenTotalList";
import BrokenOtherList from "./modules/brokenOtherList";
export default {
  name: 'statement',
  components: {
    BrokenOtherList,
    BrokenTotalList,
    BrokenReportList

  },
  data() {
    return {
      tabName:"",
    }
  },
  mounted() {},
  methods: {
    tabsClick() {
      // if(name!=='sweepCodeView'){
      //   this.productShowF = false
      // }else{
      //   this.productShowF = true
      // }
    },
  },
}
</script>

<style lang="scss" scoped>
  .equipmentDataManagement {
    .ivu-tabs.ivu-tabs-card {
      .ivu-tabs-tab {
        width: 120px !important;
        text-align: center;
      }
      .ivu-tabs-tab.ivu-tabs-tab-active {
        color: #ffffff;
        background-color: #2d8cf0;
      }
    }
  }

</style>
